﻿<!DOCTYPE html>
<%@page language="java" pageEncoding="utf-8" contentType="text/html; charset=UTF-8"%>
<%
	String ctx = request.getContextPath();
%>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="css/basic.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/ui.css">
    <link rel="stylesheet" type="text/css" href="css/g.css">
    <!-- 设置JS全局变量  ctx -->
	<script type="text/javascript">
		var ctx = "<%=request.getContextPath()%>";
	</script>
</head>
<body>
    <jsp:include page="head.jsp"></jsp:include>
    <div class="container">
        <div id="index-scroll">
            <div class="index-page">
                <div class="index-statistics clearfix">
                    <div class="index-w50 g-mt15 fl" id="j-indexActive">
                        <div class="pie-chart">
                            <div class="index-title">存储容量概况</div>
                            <div class="inner-body">
                                <div id="j-pieStorage" style="width: 100%; height:457px; margin: 0 auto"></div>
                            </div>
                        </div>
                    </div>
                    <div class="index-w50 g-mt15 fl" id="j-indexPie">
                        <div class="pie-chart">
                            <div class="index-title">数据源存储容量分布</div>
                            <div class="inner-body">
                                <div id="j-pieDistribution" style="width: 100%; height:457px; margin: 0 auto"></div>
                            </div>
                        </div>
                    </div>
                    <div class="index-w100 g-mt15 fl">
                        <div class="line-chart">
                            <div class="index-title">数据源</div>
                            <div class="inner-body">
                                <div class="terminal-list g-mt10 clearfix">
                                    <ul class="bd" id="j-list">
                                    <script type="text/ysmart" data-name="listTpl">
                                        <@ yepjs.isArray(DATA) && yepjs.forEach(DATA, function(item, index){ @>
                                        <li><a href="javascript:;" class="j-terminalBtn" data-id="<@=item.id @>"><@=item.name @></a></li>
                                        <@ }); @>
                                    </script>
                                    </ul>
                                    <div class="whole"><a href="javascript:;" class="j-wholeBtn active">整体概况</a></div>
                                    <div class="prev"></div>
                                    <div class="next"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <script src="js/yep.min.js" type="text/javascript" data-config="YBA.Config.js"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <script type="text/javascript">
        yepjs.use({
            name: ["jquery", "YBA.Plugin.slimscroll","YBA.Common"],
            callback: function () {
                $('#index-scroll').slimscroll({
                    height:"100%"
                });
                YBA.Common.sidebar();
            }
        });
        yepjs.use({
            name:"YBA.Logic.index",
            callback:function(){
                YBA.Logic.index();
            }
        })
    </script>
</body>
</html>
